import { StyleSheet } from 'react-native'
import px from '@/libs/px'

const styles = StyleSheet.create({
  wrap: {
    flex: 0,
    backgroundColor: '#fff',
    position: 'absolute',
    width: '100%',
    bottom: 0,
    left: 0,
    zIndex: 200,
    borderTopColor: '#ccc',
    borderTopWidth: px(1)
  },
  boxTitle: {
    height: px(80),
    // borderBottomColor: '#ccc',
    // borderBottomWidth: px(1),
    justifyContent: 'center',
    alignItems: 'center',
    position: 'relative'
  },
  close: {
    position: 'absolute',
    right: px(20)
  }, 
  boxTitleText: {
    fontSize: px(24),
    color: '#666'
  },
  shareItems: { 
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-around',
    paddingTop: px(30),
    paddingBottom: px(30)
  },
  thridIcon: {
    width: px(80),
    height: px(80)
  },
  titleBox: {
    marginTop: px(20),
    alignItems: 'center'
  },
  titleText: {
    fontSize: px(20),
    color: '#999'
  }
})

export default styles